<template>
	<div class="body">
		<div class="tu1"></div>
		<div class="tu2"></div>
		<div class="tu3"></div>
		<div class="tu4"></div>
		<div class="tu5"></div>
		<div class="tu6"></div>
	</div>
</template>

<script>
</script>

<style scoped>
	.body {
		width: 100%;
		height: 1000px;
		position: absolute;
		top: 0;
		left: 0;
		/* background-color: aqua; */
	}
	.tu1 {
		width: 100%;
		height: 575px;
		background-image: url('../../img/ai1.png');
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.tu2 {
		width: 100%;
		height: 620px;
		background-image: url('../../img/ai2.jpg');
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.tu3 {
		width: 100%;
		height: 820px;
		background-image: url('../../img/ai3.jpg');
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.tu4 {
		width: 100%;
		height: 1365px;
		background-image: url('../../img/ai4.jpg');
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.tu5 {
		width: 100%;
		height: 500px;
		background-image: url('../../img/ai5.jpg');
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.tu6 {
		width: 100%;
		height: 600px;
		background-image: url('../../img/ai6.jpg');
		background-size: 100%;
		background-repeat: no-repeat;
	}
</style>